<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/">monaco编辑器</RouterLink>
        <RouterLink to="/input">输入框</RouterLink>
        <RouterLink to="/flexList">flex布局</RouterLink>
      </nav>
    </div>
  </header>
  <main>
    <RouterView />
  </main>
  
</template>

<style scoped lang="scss">
header  {
  nav{
    text-align: center;
    a{
      margin: 0 10px;
    }
  }
  
  
}
header{
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
nav {
  width: 100%;
  font-size: 16px;
  text-align: center;
}
main{
  flex: 1;
  margin: 0 5%;
}
</style>
